<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='vi-vn' lang='vi-vn'>
<head>
	<title>HITI AdminCP <?php echo VERSION ?></title>
	<base href="<?php echo base_url() ?>" />
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="robots" content="index, follow, noarchive" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<link rel="shortcut icon" href="img/icon.png" />
	<link rel="stylesheet" type="text/css" href="css/login-style.css" />
	<link rel="stylesheet" href="css/secontdown.css" />
	<link rel="stylesheet" href="css/themes.css" />
	<script src="js/jquery-2.0.3.min.js"></script>
</head>
<script>
var site_url = '<?php echo site_url() ?>';
var resetpass_step = 0;
$(function() {
	$('input[name="username"]').focus();
	$('#forgotpass').bind('click', function() {
		resetpass_step = 1;
		$('#forgotpass').bind('click', function() {
			return false;
		});
		$('.form-1').bind('submit', function() {
			return false;
		});
		$('button[type="submit"]').attr('disabled', true);
		$('#forgotpass p').addClass('failed');
		$('.submit').animate({top: -3}, 500, function() {
			$('input[type="password"]').parent().slideUp();
		});
		$('input[name="username"]').focus();
		$('.submit').bind('click', function() {
			if (resetpass_step == 1)
			{
				var user = $('input[name="username"]').val();
				$('input[name="username"]').val('Kiểm tra username ...');
				$.ajax({
			        url: site_url + 'dashboard/reset_password',
			        type: 'POST',
			        cache: false,
			        data: {
			        	step: resetpass_step,
			            user: user
			        },
			        success: function(status) {
			        	$('input[name="username"]').val(user);
			            if (status == 1) {
							$('input[name="username"]').parent().fadeOut(function() {
								$('input[name="code"]').parent().fadeIn();
							});
							$('#forgotpass p').text('Kiểm tra email. Nhập mã xác nhận để tiếp tục');
							resetpass_step = 2;
						} else if (status == 2) {
							$('#forgotpass p').text('Bạn chưa cập nhập email!');
			            } else if (status == 3) {
							$('#forgotpass p').text('Gửi email thất bại!');
			            } else {
			            	$('#forgotpass p').text('Username không tồn tại!');
			            }
			        }
			    });
			}
			else if (resetpass_step == 2)
			{
				var code = $('input[name="code"]').val();
				$.ajax({
		            url: site_url + 'dashboard/reset_password',
		            type: 'POST',
		            cache: false,
		            data: {
		            	step: resetpass_step,
		                code: code
		            },
		            success: function(status) {
		            	if (status == 1)
		            	{
		            		$('#forgotpass p').text('Nhập mật khẩu mới và tiếp tục').addClass('failed');
		            		$('input[name="code"]').parent().fadeOut(function() {
								$('input[type="password"]').parent().slideDown();
							});
							resetpass_step = 3;
		            	}
		            	else if (status == 2)
		            	{
		            		$('#forgotpass p').text('Mã xác nhận không chính xác!');
		            	}
		            	else {
		            		$('#forgotpass p').text('Vui lòng nhập mã xác nhận!');
		            	}
		            }
		        });
			}
			else if (resetpass_step == 3)
			{
				var code = $('input[name="code"]').val();
				var pass = $('input[name="password"]').val();
				$.ajax({
		            url: site_url + 'dashboard/reset_password',
		            type: 'POST',
		            cache: false,
		            data: {
		            	step: resetpass_step,
		                code: code,
		                pass: pass
		            },
		            success: function(status) {
		            	$('#forgotpass p').text('Đang đăng nhập hệ thống!');
						setTimeout(function() {
							window.location = window.location;
						}, 1000);
		            }
		        });
			}
		});
	});
});
</script>
<body class="<?php echo $GLOBALS['var']['body_skin'] ?>">
	<div class="body-wrap">
		<div class="container">
		    <header>
		    	<img src="img/logo.png" alt="HITI AdminCP" />
		        <h1><strong>HITI AdminCP</strong> <?php echo VERSION ?></h1>
		    </header>
		    <?php
		    if ($error) echo '<p class="failed">'.$error.'</p>';
		    if ($failed) echo '<p class="failed">Tên đăng nhập hoặc mật khẩu không chính xác!</p>';
			if ($blacklist['active'] == 1)
			{
				echo '<p class="failed">Bạn đã đăng nhập sai quá nhiều lần!<br />Hệ thống tạm thời khóa IP của bạn.</p>';
			}
			else
			{
				if($blacklist['failed'] && (5 - $blacklist['failed'] > 0)) echo '<p style="padding: 0px; margin: 0px;">Bạn đã đăng nhập sai '.$blacklist['failed'].' lần, còn '.(5 - $blacklist['failed']).' lần thử lại!</p>';
				?>
		    <form class="form-1" method="post" action="<?php echo site_url() ?>" name="login"<?php echo ($blacklist['remaining'] < 0 ? '' : ' style="display: none;"') ?>>
		        <p class="field" style="display: none;">
		            <input type="text" name="code" placeholder="Mã xác nhận" autocomplete="off" style="margin: 2px 0px;"  />
		            <i class="icon-lock icon-large"></i>
		        </p>
		        <p class="field">
		            <input type="text" name="username" placeholder="Username" autocomplete="off" style="margin: 2px 0px;" />
		            <i class="icon-user icon-large"></i>
		        </p>
		        <p class="field">
		            <input type="password" name="password" placeholder="Password" autocomplete="off" style="margin: 2px 0px;"  />
		            <i class="icon-lock icon-large"></i>
		        </p>
		        <p class="submit">
		            <button type="submit"><i class="icon-arrow-right icon-large" style="margin-top: -2px;"></i></button>
		        </p>
		    </form>
		    <a id="forgotpass" href="javascript:;"><p style="font-size: 12px; padding-top: 5px;">Quên mật khẩu?</p></a>
		    <?php
				if($blacklist['remaining'] > 0)
				{
					echo '<p style="padding: 0px; margin: 0px;" class="remaining">Bạn đã đăng nhập sai 5 lần!<br />Vui lòng thử lại sau</p>';
			?>
			<div class="countitround" id="secondCount" style="width: 140px; margin-top: 20px;">
			    <div class="countitround_seconds">
			        <canvas class="canvas_background" height="130" width="130"></canvas>
			        <canvas class="canvas_seconds" height="130" width="130"></canvas>
			        <div class="countitround_seconds_count"><?php echo $blacklist['remaining'] ?></div>
			        <div class="countitround_seconds_text">Giây</div>
			    </div>
			</div>
			<?php
				}
			}
			?>
		    <div class="footer">
			    <p style="padding: 0px; margin: 0px; font-size: 12px;">Copyright &copy; <?php echo date('Y') ?> HITI.INFO.VN</p>
			    <p style="padding: 0px; margin: 0px; font-size: 12px;">HITI AdminCP develop for <a href="../"><?php echo $GLOBALS['cfg']['site_url'] ?></a></p>
			</div>
		</div>
	</div>
</body>
</html>
<script src="js/secontdown.js"></script>
<script>
function show_login() {
	$('#secondCount').fadeOut('fast', function() {
		$('.failed, .remaining').fadeOut(function() {
			$('.form-1').fadeIn();
		});
	});
}
if (typeof countitroundinstance === "undefined") {
    var countitroundinstance = [];
}
countitroundinstance.push({
    'unique': 'secondCount',
    'seconds': <?php echo $blacklist['remaining'] ?>,
    'layout': 's',
    'callback': 'show_login()',
    'color4': '#333',
    'backgroundcolor4': '#e3dfdf',
    'glow4': '#ffdc50',
    'glowwidth4': '0',
    'backgroundwidth4': '25',
    'frontwidth4': '15',
    'size4': '130',
    'textsize4': '12',
    'countsize4': '23',
    'countcolor4': '#000'
});
</script>